<template>
    <div class="container">
      <div class="tips-title">1.基础用法</div>
      <el-popconfirm title="这是一段内容确定删除吗？" @onConfirm="done" @onCancel="cancel">
        <el-button slot="reference">删除</el-button>
      </el-popconfirm>
      <div class="tips-title">2.自定义内容</div>
      <el-popconfirm
        confirmButtonText='好的'
        cancelButtonText='不用了'
        icon="el-icon-info"
        iconColor="red"
        title="这是一段内容确定删除吗？"
      >
        <el-button slot="reference">删除</el-button>
      </el-popconfirm>
    </div>
</template>
<script>
  export default {
    name: 'o-popconfirm',
    data() {
      return {}
    },
    methods: {
      done(){
        this.$message("确认!");
      },
      cancel(){
        this.$message("取消!");
      }
    }
  }
</script>
<style>
</style>
